import React, { Component } from 'react'

export default class App extends Component {
  constructor (props) {
    super(props)
    this.state = {
      list: ['a', 'b', 'c', 'd']
    }
  }
  render() {
    // jsx代码中不可以使用 for 循环等流程语句
    // 可以在 for 循环中写jsx 代码
    // 可以借助于数组 渲染数据
    // 可以在jsx 代码中使用 map 去遍历数据

    return (
      <div>
        { 
          this.state.list.map((item, index) => {
            return (
              <p key = { index }>{ item }</p>
            )
          })
        }
      </div>
    )
  }
}
